<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 重点
        // json 轻量级别的数据交换格式 
        // 序列化的数组和对象  长的数组和对象  
        // 本质是字符串 


        // 一些合法的JSON的实例：
        // {"a": 1, "b": [1, 2, 3]}
        // [1, 2, "3", {"a": 4}]
        // 3.14
        // "plain_text"


        // var obj = {name:'张三',age:18,price:100};
        // var arrs = ['张三','李四','王五'];

        // 网络传输  必须是字符串 
        
        // var json_obj = '{"name":"张三","age":18,"price":100}';
        // var json_arr = '["张三","李四","王五"]';

        // 上面就是  把对象数组转成了字符串  于是可以进行数据交互了  




        // json字符串  和  对象数组的相互转换   

        var obj = {
            name:'David Arnold',
            age:44,
            email:'erikuj@vag.in',
            suppose:'steep'
        }

        var arrs = ['zhangsan','lisi','wangwu'];
        // console.log(typeof obj,typeof arrs);// object object
        // typeof 数组 得到结果 也是 object 
        // 说明上面是js 数据类型


        // 转成json  

        // JSON.stringify(数据)

        // var data1 = JSON.stringify(obj);
        // var data2 =JSON.stringify(arrs);
        // console.log(data1); // {"name":"David Arnold","age":44,"email":"erikuj@vag.in","suppose":"steep"}
        // console.log(data2); //["zhangsan","lisi","wangwu"]



        // json字符串转成js数据类型 
        // JSON.parse(json字符串)

        var data6 = ' {"name":"David Arnold","age":44,"email":"erikuj@vag.in","suppose":"steep"}';
        var data7 = '["zhangsan","lisi","wangwu"]';
        console.log(typeof data6,typeof data7);
        console.log(JSON.parse(data6));
        console.log(JSON.parse(data7));
        console.log(typeof JSON.parse(data6));
        console.log(typeof JSON.parse(data7));

         
    </script>
</body>
</html>